<template>
    <div class="wrapper">
        <v-head></v-head>
        <v-sidebar></v-sidebar>
        <div class="content">
            <transition name="move" mode="out-in"><router-view></router-view></transition>
        </div>
    </div>
</template>

<script>
import vHead from "./Header.vue";
import vSidebar from "./Sidebar.vue";
export default {
  components: {
    vHead,
    vSidebar
  }
};
</script>

<style>
.content {
  position: absolute;
  top: 70px;
  left: 200px;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 20px;
  overflow-y: scroll;
}
</style>